<template>
  <div class="goods">
    
    <GoodsItem v-for="(item,index) in goods" :key="index" :mygoodsItem="item"/>
  </div>
</template>

<script>
import GoodsItem from "./GoodsItem.vue";
export default {
   name:"GoodsList",
   props:{
     goods:{
       type:Array,
       default(){
         return []
       }
     }
   },
   components:{
     GoodsItem
   }
}
</script>

<style>
.goods{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  padding: 2px;
  padding-bottom: 51px;
}
</style>